<div class="infoBlockB" style="height: 256px;" id="htd">
<div class="left"><img src="{$CONTEXT.STYLEIMG}h_m_1.jpg" id="opacity_1" /></div>
<div class="right"><img src="{$CONTEXT.STYLEIMG}h_m_2.jpg" id="opacity_2" /></div>
</div>

<div style="position: absolute; top: 0px; left: 0px; width: 689px; height: 250px; display: none; z-index: 1; " id="hfd">
<div><img src="{$CONTEXT.STYLEIMG}h_m_3.gif" /></div>
<div style="height: 80px;"></div>
<div><img src="{$CONTEXT.STYLEIMG}h_m_4.gif" /></div>
</div>

{literal}
<script type="text/javascript" language="javascript">
var opacity1 = new opacity_process();
opacity1.swap('opacity_1');
var opacity2 = new opacity_process();
opacity2.swap('opacity_2', 1);
//
addLoadEvent(function(){
		var htd = $E("htd");
		var hfd = $E("hfd");
		hfd.style.position = "absolute";
		hfd.style.left = getOffsetLeft(htd)+"px";
		hfd.style.top = getOffsetTop(htd)+"px";
		hfd.style.display = "block";
		//
		if( IS_IE ) {
			divJsMenu('tm1', 'tm1s');
			divJsMenu('tm2', 'tm2s');
		}
					  });
</script>
{/literal}
